<template>
	<view class="app-pages">
		<view class="list">
			<view class="list-item" @click="goRouter('/homePages/hotel/details')">
				<u--image :showLoading="true" src="https://cdn.uviewui.com/uview/swiper/swiper1.png"
					width="280rpx" height="280rpx" />
				<view class="right">
					<view class="title">梅地亚中心</view>
					<view class="address">北京市海淀区复兴路乙11号b区</view>
					<view class="phone">电话号码: 18618391562</view>
					<view class="introduce">
						梅地亚中心主要经营项目有：出租客房、公寓、写字楼和会议厅；经营中、西式餐厅、酒吧；从事电视节目制作与传输
						梅地亚中心主要经营项目有：出租客房、公寓、写字楼和会议厅；经营中、西式餐厅、酒吧；从事电视节目制作与传输
					</view>
				</view>
			</view>

		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {}
		},
		methods: {
			goRouter(url){
				uni.navigateTo({
					url
				})
			}
		},
		mounted() {

		}
	}
</script>
<style lang="scss" scoped>
	.list{
		.list-item {
			margin-top: 30rpx;
			// box-shadow: 0 0 4rpx #ccc;
			display: flex;
			.right{
				flex: 1;
				padding-left: 10rpx;
				font-size: 26rpx;
				.title{
					font-weight: bold;
					font-size: 30rpx;
				}
				.address{
					margin: 8rpx 0;
				}
				.phone{
					margin-bottom: 18rpx;
				}
				.introduce{
					// background-color: red;
					height: 140rpx;
					display: -webkit-box;
					overflow: hidden;
					white-space: normal !important;
					text-overflow: ellipsis;
					word-wrap: break-word;
					-webkit-line-clamp: 4;  //行数
					-webkit-box-orient: vertical
				}
			}
		}		
	}
</style>
